<template>
  <avue-crud :option="option"
             :data="data"
             v-model="form">
    <template #info-form="{}">
      <avue-crud :option="infoOption"
                 :data="form.info">
      </avue-crud>
    </template>
  </avue-crud>
</template>
<script>
export default {
  data () {
    return {
      form: {},
      data: [{
        name: '张三',
        info: [
          {
            sex: 15,
          }, {
            sex: 16,
          }
        ]
      }],
      option: {
        column: [{
          label: '姓名',
          prop: 'name',
        }, {
          labelWidth: 0,
          label: '',
          prop: 'info',
          span: 24,
          hide: true
        }]
      },
      infoOption: {
        column: [{
          label: '年龄',
          prop: 'sex',
        }]
      }
    }
  }
}
</script>